.cate-left{
  position: absolute;
  top: 2.2rem;
  bottom: 2.5rem;
  left: 0;
  width: 20%;
  background-color: #F6F6F6;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  z-index:2000;
  .category_d{
    height: 2.8rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    letter-spacing: 0.05rem;
    div{
      border-bottom: 1px solid #E9E9E9;
      font-size: 0.7rem;
    }
  }
  .active{
    .Black;
    .White_bgc;
    border-left: 0.25rem solid @lightRed;
    box-sizing: border-box;
  }
}
.kind_con {
  width: 38%;
  margin-right: 9.5%;
  .fl;
  margin-top: 1.5rem;
  box-shadow: -0.05rem 0 0.05rem #e9e9e9, /*左边阴影*/
  0.05rem 0 0.05rem #e9e9e9, /*右边阴影*/
  0 0 0 #fff, /*顶部阴影*/
  0 0.1rem 0.1rem #d9d9d9;
  /*底边阴影*/
}
.gj-container {
  margin-left: 20%;
  width: 80%;
  list-style: none;
  .White_bgc;
  .pro-con {
    width: 100%;
    height: 35.25rem;
  }
  .pullUp{
    width: 100%;
    overflow: hidden;
    text-align: center;
    .refresh{
      display:inline-block;
      opacity:.8;
      width: 1rem;
      height: 1rem;
      background:url("../images/loading.png") 0 0 no-repeat;
      background-size: 100%;
      &.loading{
        animation: loading 1.5s linear infinite;
      }
    }
  }
}